// components/step/step.js
Component({
  // 外部类,默认情况组件的样式与页面的样式相互隔离,
  // 在组件外部去定义内部样式需要外部类
  externalClasses: ['btnclass'],
  options:{
    multipleSlots:true,//开启多个插槽
  },
  /**
   * 组件的属性列表
   */
  properties: {
        value:{
          type:Number,
          value:0
        },
        step:{
          type:Number,
          value:1
        }
  },
  lifetimes:{
    attached(){
      console.log("组件挂载完毕");
    },
    detached(){
      console.log("组件卸载")
    }
  },
  pageLifetimes:{
    show(){
      console.log("页面显示")
    },
    hide(){

      console.log("页面隐藏")
    }
  },
  // observers 相当于vue的watch
  // 可以监听多个
  observers:{
    "value":function(v){
      console.log(v,"value发生变化");
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    // 组件的数据
    num:5
  },

  /**
   * 组件的方法列表
   */
  methods: {
    add(){
      this.setData({num:this.data.num+1})
    },
    changeHd(e){
      const step = e.target.dataset.step;   
      console.log(this.data.step);
      // 向父组件发送事件
      this.triggerEvent("change",this.data.value+(step*this.data.step))
    }

  }
})
